<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Release background management</title>
    <link rel="stylesheet" type="text/css" href="../../static/admin/css/reset.css">
    <link rel="stylesheet" type="text/css" href="../../static/admin/css/main.css">
    <script type="text/javascript" src="../../static/admin/js/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="../../static/admin/js/news_type.js"></script>
</head>
<body>
<div class="breadcrub">

</div>
<div class="pannel">
    <table class="common_table">
        <tr>
            <th width="10%">id</th>
            <th width="80%">category name</th>
            <th width="10%">options</th>
        </tr>
        {% for category in data.categories %}
            <tr>
                <td>{{ category.id }}</td>
                <td>{{ category.name }}</td>
                <td><a href="javascript:;" class="edit">edit</a></td>
            </tr>
        {% endfor %}

        <tr>
            <td colspan="3"><a href="javascript:;" class="addtype">add category</a></td>
        </tr>
    </table>
</div>

<div class="pop_con">
    <div class="pop" style="border-radius: 10px;">
        <form>

            <div class="form_group mt50">
                <label class="input_label">name：</label><input type="text" class="input_txt3">
                <span class="error_tip">Tips</span>
            </div>
            <div class="form_group line_top">
                <input type="button" value="save" class="confirm">&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="button" value="cancel" class="cancel">
            </div>
        </form>
    </div>
    <div class="mask"></div>
</div>
</body>
</html>